<!--
此文件为开发者工具生成，生成时间: 2020/7/31 下午1:57:44 
使用方法：
在 pages\hotelhome\index.wxml 引入模板

```
<import src="index.skeleton.wxml"/>
<template is="skeleton" wx-if="{{loading}}" />
```

在 pages\hotelhome\index.wxss 中引入样式
```
@import "./index.skeleton.wxss";
```

更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
-->
<template name="skeleton">
  <view class="sk-container">
    <view>
      <view class="hotel-query">
        <swiper autoplay="true" class="swiper-box" duration="1000" interval="3000" current="0" current-item-id="true">
          <swiper-item style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
            <image class="slide-image sk-image">
            </image>
          </swiper-item>
        </swiper>
        <view class="search-box">
          <view class="search-item" data-event-opts="tap,onShowDatePicker,range,$0,range">
            <view class="date-item" hover-class="hover-class">
              <text class="sk-transparent sk-text-34-6939-421 sk-text">
                07月31日
              </text>
              <view class="check-info">
                <view class="sk-transparent sk-text-12-5000-662 sk-text">
                  周五
                </view>
                <view class="sk-transparent sk-text-12-5000-627 sk-text">
                  入住
                </view>
              </view>
            </view>
            <view class="date-item">
              <view class="check-days" style="border: none;">
                <image class="check-moon sk-image">
                </image>
                <text class="sk-transparent sk-text-30-2632-416 sk-text" style="background-position-x: 50%;">
                  共1晚
                </text>
              </view>
            </view>
            <view class="date-item" hover-class="hover-class">
              <view class="check-info">
                <view class="sk-transparent sk-text-12-5000-786 sk-text">
                  周六
                </view>
                <view class="sk-transparent sk-text-12-5000-750 sk-text">
                  离店
                </view>
              </view>
              <text class="sk-transparent sk-text-34-6939-226 sk-text">
                08月01日
              </text>
            </view>
          </view>
        </view>
        <view class="func-entrance">
          <view class="func-item" data-event-opts="tap,ceshi,1" hover-class="hover-class">
            <image class="func-icon sk-image" mode="aspectFit">
            </image>
            <view class="func-text">
              <text class="sk-transparent sk-text-14-2857-95 sk-text" style="background-position-x: 50%;">
                会员权益
              </text>
            </view>
          </view>
          <view class="func-item sk-pseudo sk-pseudo-circle" data-event-opts="tap,ceshi,1" hover-class="hover-class">
            <image class="func-icon sk-image" mode="aspectFit">
            </image>
            <view class="func-text">
              <text class="sk-transparent sk-text-14-2857-168 sk-text" style="background-position-x: 50%;">
                十元抢房
              </text>
            </view>
          </view>
          <view class="func-item sk-pseudo sk-pseudo-circle" data-event-opts="tap,ceshi,1" hover-class="hover-class">
            <image class="func-icon sk-image" mode="aspectFit">
            </image>
            <view class="func-text">
              <text class="sk-transparent sk-text-14-2857-81 sk-text" style="background-position-x: 50%;">
                钟点房
              </text>
            </view>
          </view>
        </view>
        <view class="hotel-reservation">
          <view class="reservation-title">
            <text class="sk-transparent sk-text-32-6531-627 sk-text" style="background-position-x: 50%;">
              房间预订 · RESERVATION
            </text>
          </view>
          <view class="hotel-list" data-event-opts="tap,orderpage,$0,hotelList,,0,id">
            <image class="hotel-pic sk-image">
            </image>
            <view class="hotel-info">
              <view class="hotel-name">
                <text class="sk-transparent sk-text-21-1538-694 sk-text">
                  行政公寓-门店2
                </text>
              </view>
              <view>
                <text class="hotel-score sk-transparent sk-text-21-1538-706 sk-text">
                  4.7分
                </text>
                <text class="hotel-star sk-transparent sk-text-21-1538-249 sk-text">
                  三星级
                </text>
              </view>
              <view class="hotel-position">
                <text class="hotel-distance sk-transparent sk-text-25-0000-284 sk-text">
                  18.0km
                </text>
                <text class="hotel-addr sk-transparent sk-text-25-0000-598 sk-text">
                  · 行政公寓房型描述1
                </text>
              </view>
              <view>
                <text class="hotel-feature sk-transparent sk-text-21-1538-920 sk-text" style="border: none;">
                  含早餐
                </text>
                <text class="hotel-feature sk-transparent sk-text-21-1538-183 sk-text" style="border: none;">
                  特色2
                </text>
                <text class="hotel-feature sk-transparent sk-text-21-1538-265 sk-text" style="border: none;">
                  特色3
                </text>
              </view>
              <view class="hotel-price sk-transparent">
                ¥
                <text class="price-num sk-transparent sk-text-23-0769-172 sk-text" style="background-position-x: 50%;">
                  360
                </text>
                起
              </view>
            </view>
          </view>
          <view class="hotel-list" data-event-opts="tap,orderpage,$0,hotelList,,1,id">
            <image class="hotel-pic sk-image">
            </image>
            <view class="hotel-info">
              <view class="hotel-name">
                <text class="sk-transparent sk-text-21-1538-55 sk-text">
                  特色无敌海景大床房
                </text>
              </view>
              <view>
                <text class="hotel-score sk-transparent sk-text-21-1538-410 sk-text">
                  4.7分
                </text>
                <text class="hotel-star sk-transparent sk-text-21-1538-215 sk-text">
                  三星级
                </text>
              </view>
              <view class="hotel-position">
                <text class="hotel-distance sk-transparent sk-text-25-0000-440 sk-text">
                  18.0km
                </text>
                <text class="hotel-addr">
                </text>
              </view>
              <view>
                <text class="hotel-feature sk-transparent sk-text-21-1538-886 sk-text" style="border: none;">
                  含早餐
                </text>
                <text class="hotel-feature sk-transparent sk-text-21-1538-502 sk-text" style="border: none;">
                  特色2
                </text>
                <text class="hotel-feature sk-transparent sk-text-21-1538-487 sk-text" style="border: none;">
                  特色3
                </text>
              </view>
              <view class="hotel-price sk-transparent">
                ¥
                <text class="price-num sk-transparent sk-opacity">
                  1
                </text>
                起
              </view>
            </view>
          </view>
          <view class="hotel-list" data-event-opts="tap,orderpage,$0,hotelList,,2,id">
            <image class="hotel-pic sk-image">
            </image>
            <view class="hotel-info">
              <view class="hotel-name">
                <text class="sk-transparent sk-text-21-1538-668 sk-text">
                  黄鹏大床
                </text>
              </view>
              <view>
                <text class="hotel-score sk-transparent sk-text-21-1538-705 sk-text">
                  4.7分
                </text>
                <text class="hotel-star sk-transparent sk-text-21-1538-384 sk-text">
                  三星级
                </text>
              </view>
              <view class="hotel-position">
                <text class="hotel-distance sk-transparent sk-text-25-0000-386 sk-text">
                  18.0km
                </text>
                <text class="hotel-addr sk-transparent sk-text-25-0000-451 sk-text">
                  · 黄鹏大床房
                </text>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>
<style>
@import "./index-skeleton.css";
</style>